
    <div class="col-lg-12 mt-3">
        <div class="card frozenGlas">
            <div class="glossy"></div>
            <div class="card-body">
                <h3 class="h3-responsive text-center">{{ 'Öffentliche Konferenzen'|trans }}</h3>
                <div class="max-vh60">
                    <ul class="list-group">

                        {% for r in server|roomsinFuture %}
                            <li class="list-group-item d-flex align-items-center justify-content-between">
                                <b>{{ r.start|date('d.m.Y, H:i') }}</b>
                                <h5>{{ r.name }} <a tabindex="0"  data-mdb-popover-init data-mdb-html="true"
                                                    data-mdb-trigger="focus"
                                                    title="{{ 'Agenda'|trans }}"
                                                    data-mdb-content="{% if r.agenda is not null %}{{ r.agenda|markdown_to_html|escape }}{% else %}{{ 'Keine Angabe'|trans }}{% endif %}"><i
                                                class="fa fa-info-circle"></i></a></h5>

                                {% if r.public %}
                                    <a href="{{ path('public_subscribe_participant',{'uid':r.uidParticipant}) }}"
                                       class="btn btn-sm btn-outline-primary">{{ 'Anmelden'|trans }}</a>
                                {% endif %}
                            </li>

                        {% endfor %}

                    </ul>
                </div>
            </div>
        </div>
    </div>
